<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>promise + event loop</title>
</head>
<body>
    <script>
        // 前端环境下
        // promise 异步任务同步化方案
        // 同步任务     异步任务
        // js代码运行 执行栈  全局
        // 
        const promise1 = new Promise((resolve, reject) => {
            // 立刻进入    pendin 状态
            console.log('promise1')
            setTimeout(() => {
                resolve()   // fulfilled
            }, 1000)
            // resolve()
        })
        // then 代码 放入event loop  需等resolve运行 pending  状态
        promise1 // 异步  等待   event loop
            .then(() => {   // fulfilled
                console.log('22222', promise1)
            })
        console.log('11',promise1)
    </script>
</body>
</html>